<template>
  <div class="tabs-wrapper">
    <van-tabs v-model="active">
      <van-tab v-for="i in categoryCode" :key="i.id" :title="i.label">
        <div v-if="i.type === 5001">
          <rzgs :type="i.type" />
        </div>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import rzgs from './list/rzgs.vue'
export default {
  components: { rzgs },
  data() {
    return {
      active: 0,
      categoryCode: [
        {
          label: '入驻歌手',
          type: 5001
        },
        {
          label: '华语男歌手',
          type: 1001
        },
        {
          label: '华语女歌手',
          type: 1002
        },
        {
          label: '华语组合/乐队',
          type: 1003
        },

        {
          label: '日本男歌手',
          type: 6001
        },
        {
          label: '日本女歌手',
          type: 6002
        },
        {
          label: '日本组合/乐队',
          type: 6003
        },
        {
          label: '韩国男歌手',
          type: 7001
        },

        {
          label: '韩国女歌手',
          type: 7002
        },
        {
          label: '韩国组合/乐队',
          type: 7003
        },

        {
          label: '其他男歌手',
          type: 4001
        },
        {
          label: '其他女歌手',
          type: 4002
        },
        {
          label: '其他组合/乐队',
          type: 4003
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.tabs-wrapper {
  width: 100%;
  margin-top: 10px;
}
</style>
